<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Login Page | Amaze UI Example</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="alternate icon" type="image/png" href="coolui/assets/i/favicon.png">
  <link rel="stylesheet" href="coolui/assets/css/amazeui.min.css"/>
  <style>
    .header {
      text-align: center;
    }
    .header h1 {
      font-size: 200%;
      color: #333;
      margin-top: 60px;
    }
    .header p {
      font-size: 14px;
    }
  </style>
</head>
<body style="background-color:#fffef9;">
<header data-am-widget="header" class="am-header am-header-default am-header-fixed">
  <div class="am-header-left am-header-nav">
    <a href="#left-link" class="">
      <span class="am-header-nav-title">广州</span>
      <i class="am-header-icon am-icon-home"></i>
    </a>
  </div>
  <h1 class="am-header-title">登录</h1>
  <div class="am-header-right am-header-nav">
    <a href="#right-link" class="">
      <span class="am-header-nav-title">返回</span>
      <i class="am-header-icon am-icon-bars"></i>
    </a>
  </div>
</header>

<div class="header">
  <!--<div class="am-g">-->
    <h1>会员登录</h1>
    <!--<p>Integrated Development Environment<br/>代码编辑，代码生成，界面设计，调试，编译</p>-->
  <!--</div>-->
  <hr />
</div>
<div class="am-g">
  <div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
	<form action="" class="am-form">
  		<fieldset>
    		<!--<legend>H5 原生表单验证</legend>-->
   			 <div class="am-form-group">
    			  <label for="doc-vld-name">手机号：</label>
     			  <input type="text" id="doc-vld-name" minlength="3" placeholder="请输入手机号" class="am-form-field" required/>
      			  <label for="doc-vld-name">密码：</label>
      				<input type="text" id="doc-vld-name" minlength="3" placeholder="请输入登录密码" class="am-form-field" required/>
      				<br>
      			  		<label for="remember-me">
        				<input id="remember-me" type="checkbox">
        				记住密码
      			  		</label>
      				<br/>
      			<div class="am-cf">
        			<input type="submit" name="" value="登 录" class="am-btn am-btn-primary am-btn-sm am-fl">
       				<input type="submit" name="" value="忘记密码 ^_^? " class="am-btn am-btn-default am-btn-sm am-fr">
      			</div>
    		</div>
  		</fieldset>
	</form>

<footer data-am-widget="footer" class="am-footer am-footer-default">
  <div class="am-footer-miscs ">
    <p>没有账号?
      <a href="http://www.yunshipei.com/" title="诺亚方舟" target="_blank">立即注册</a></p>
  </div>
</footer>

  </div>
</div>
</body>
</html>